<!DOCTYPE html>
  <html>
     <head>
        <title>火车票页</title>
        <meta charset="utf-8">
        <link href="css/火车票.css" type="text/css" rel="stylesheet">
     </head>
     <body>
      <div id="qb">
      <div id="header">
         <div class="logo">
            <img src="img/images/logo_03.jpg">
         </div>
         <div class="search">
            <input type="text" value="搜索任何旅游相关" class="search1">
            <button class="search2"><img src="img/images/sousuo_03.jpg"></button>
         </div>
         <div class="nav">
            <ul class="nav1">
               <li><img src="img/images/denglu_03.jpg"><a href="#">&nbsp请登录</a></li>
               <li><a href="#">注册</a></li>
               <li><img src="img/images/dingdan_03.jpg"><a href="#">&nbsp&nbsp我的订单</a></li>
               <li><img src="img/images/zhangai_03.jpg"><a href="#">&nbsp无障碍</a></li>
            </ul>
         </div>
         <div id="banner">   
            <div><img src="img/images/banner.png" class="banner1"></div>
            <div class="top1">
               <div>
                  <p class="rad"><input type="radio" name="dancheng" checked > 单程</p>
                  <p><input type="radio" name="wangfan"> 往返</p>
                  <p><input type="radio" name="zhongzhuan"> 中转</p>
                  <p id="rad2"><img src="img/images/huoche_03.jpg"></p>
                  <p class="rad1">火车票订单></p>
               </div>
               <div class="city">
                  <p>出发城市</p>
                  <p>上海</p>
                  <p>到达城市</p>
                  <p>北京</p>
                  <p><img src="img/images/city_03.jpg"></p>
               </div>
               <div class="city1">
                  <p>出发日期</p>
                  <p>2022-09-07</p>
                  <p>星期三</p>
                  <p><img src="img/images/箭头.png"></p>
                  <p><img src="img/images/加号.png"></p>
                  <p>&nbsp添加返程</p>
               </div>
               <div><img src="img/images/搜索2.png"></div>
               <div><p><input type="checkbox"> 只搜高铁动车</p></div>
               </div>
               <div class="top2">
                  <p><img src="img/images/通道.png"></p>
                  <p><img src="img/images/专业服务.png"></p>
                  <p><img src="img/images/出行推荐.png"></p>
                  <p>多通道选择</p>
                  <p>24h专业服务</p>
                  <p>出行推荐</p>
                  <p>用小程序买票，享购<a>优惠</a></p>
                  <p>新客免费领</p>
                  <p><img src="img/images/120元.png"></p>
                  <p><img src="img/images/二维码.png"></p>
                  <p>抢票成功率更高</p>
                  <p>订单提醒，专业服务</p>
                  <p>多处行方案，多保障</p>
               </div>
            </div>
         </div>
         <!-- 优惠酒店 -->
         <div id="content">
            <ul class="content1">优惠酒店</ul>
            <ul class="content2">
               <li>上海</li>
               <li>北京</li>
               <li>杭州</li>
               <li>成都</li>
               <li>广州</li>
               <li>天津</li>
            </ul>
            <ul class="content3">
               <li><img src="img/images/酒店1.png"></li>
               <li><img src="img/images/酒店2.png"></li>
               <li><img src="img/images/酒店3.png"></li>
               <li><img src="img/images/酒店4.png"></li>
            </ul>
            <ul class="content4">
               <li>上海邻家露营地</li>
               <li>上海外滩浦建酒店</li>
               <li>上海南邻宾馆</li>
               <li>上海浦东徳姆酒店</li>
            </ul>
            <ul class="content5">
               <li>4.7<a class="a">/5</a></li>
               <li>4.7<a class="a">/5</a></li>
               <li>4.4<a class="a">/5</a></li>
               <li>4.6<a class="a">/5</a></li>
            </ul>
            <ul class="content6">
               <li><a class="b">Y</a>&nbsp1050</li>
               <li><a class="b">Y</a>&nbsp1142</li>
               <li><a class="b">Y</a>&nbsp726</li>
               <li><a class="b">Y</a>&nbsp588</li>
            </ul>
            <ul class="content7">
               <li>坐火车去旅行</li>
               <li>热门火车旅游线路</li>
            </ul>
            <ul class="content8">
               <li><img src="img/images/京广高铁.png"></li>
               <li><img src="img/images/京沪高铁.png"></li>
               <li><img src="img/images/宁杭俑.png"></li>
               <li><img src="img/images/成渝高铁.png"></li>
            </ul>
            <ul class="content9">热门路线</ul>
            <ul class="content10">
               <li>上海</li>
               <li>北京</li>
               <li>杭州</li>
               <li>广州</li>
               <li>南京</li>
               <li>天津</li>
               <li>武汉</li>
               <li>西安</li>
            </ul>
            <ul class="content11">
               <li class="c">上海到北京火车票</li>
               <li class="c">上海到杭州火车票</li>
               <li class="c">上海到南京火车票</li>
               <li class="c">上海到苏州火车票</li>
               <li class="c">上海到济南火车票</li>
               <li class="c">上海到无锡火车票</li>
               <li class="c">上海到常州火车票</li>
               <li class="c">上海到合肥火车票</li>
               <li class="c">上海到天津火车票</li>
               <li class="d"><del class="f">Y</del>553.0<a class="e">&nbsp起</a></li>
               <li class="d">&nbsp&nbsp<del class="f">Y</del>73.0<a class="e">&nbsp起</a></li>
               <li class="d"><del class="f">Y</del>134.0<a class="e">&nbsp起</a></li>
               <li class="d">&nbsp&nbsp<del class="f">Y</del>29.0<a class="e">&nbsp起</a></li>
               <li class="d"><del class="f">Y</del>398.0<a class="e">&nbsp起</a></li>
               <li class="d">&nbsp&nbsp<del class="f">Y</del>49.0<a class="e">&nbsp起</a></li>
               <li class="d">&nbsp&nbsp<del class="f">Y</del>69.0<a class="e">&nbsp起</a></li>
               <li class="d"><del class="f">Y</del>195.0<a class="e">&nbsp起</a></li>
               <li class="d"><del class="f">Y</del>508.5<a class="e">&nbsp起</a></li>
               <li></li>
               <li></li>
            </ul>
            <ul class="content12">
               <li><img src="img/images/安心服务.png"></li>
               <li><img src="img/images/安心价格.png"></li>
               <li><img src="img/images/退改无忧.png"></li>
            </ul>
            <ul class="content13">
               <li>安心服务</li>
               <li>放心价格</li>
               <li>退改无忧</li>
            </ul>
            <ul class="content14">
               <li>7X24小时可预订</li>
               <li>专享携程优惠礼品卡等</li>
               <li>工作时间内发车前25分钟可退票/改签</li>
            </ul>
         </div>
         <!--content-->
         <!-- footer -->
         <div id="footer">
            <div class="footer">
               <ul class="footer1">
                  <li>旅游资讯</li>
                  <li>加盟合作</li>
                  <li>关于携程</li>
               </ul>
               <ul class="footer2">
                  <li><pre>宾馆索引            攻略索引</pre></li>
                  <li><pre>机票索引            网站导航</pre></li>
                  <li><pre>旅游索引          火车票索引</pre></li>
                  <li><pre>邮轮索引         企业差旅索引</pre></li>
                  <li><pre>用车索引</pre></li>
               </ul>
               <ul class="footer3">
                  <li><pre>分销联盟            友情链接</pre></li>
                  <li><pre>企业礼品卡采购       网站导航</pre></li>
                  <li><pre>代理合作           火车票索引</pre></li>
                  <li><pre>目的地及景区合作  企业差旅索引</pre></li>
                  <li><pre>更多加盟合作</pre></li>
               </ul>
               <ul class="footer4">
                  <li><pre>关于携程              携程热点</pre></li>
                  <li><pre>联系我们              诚聘英才</pre></li>
                  <li><pre>企业公民              用户协议</pre></li>
                  <li><pre>隐私政策              营业执照</pre></li>
                  <li><pre>安全中心           携程内容中心</pre></li>
                  <li><pre>知识产权        Trip.com Group</pre></li>
               </ul>
               <ul class="footer5">
                  <li>境内：95010<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp或400-830-6666</li>
                  <li>中国香港：+852-3008-3295</li>
                  <li>中国澳门：+86-21 3406-4888</li>
                  <li>中国台湾：+86-21 3406-4888</li>
                  <li>其他国家和地区：+86-21 3406-4888</li>
               </ul>
               <ul class="footer6"><img src="img/images/二维码2.png"></ul>
               <ul class="footer7">扫码下载携程App</ul>
               <ul class="footer8"><label>Copyright&copy1999-2022,ctrip.com.All rights reserved. | ICP证：沪B2-20050130 | 沪ICP备08023580号-3</label></ul>
               <ul class="footer9">
                  <img src="img/images/公网.png" class="im">
                  <label>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp沪公网备31010502002731号 | 互联网药品信息服务资格证 | (沪) 网戒平台备字[2022]第00001号 | 旅游度假资质</label>
               </ul>
               <ul class="footer10"><label>违法和不良信息举报电话021-22500846 | 全国旅游投诉热线12345 | 上海市旅游网站落实诚信建设主体责任承诺书</label></ul>
               <ul class="footer11"><img src="img/images/footerlogo.png"></ul>
            </div>
         </div><!-- footer-->
         <div id="cenav"><img src="img/images/侧导航.png"></div>
      </div>
     </body>
  </html>